<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>

</head>


<body>
<img src="demo1.jpg">
<div>
    <div style="background-color: rgb(255, 150, 220);height: 500px;position: absolute;top: 20%;width: 50%;float: left;left: 0;">
        <img src="demo2.jpg" width="800px" height="500px">
    </div>
    <div style="background-color: rgb(150, 255, 159);height: 500px;position: absolute;top: 20%;width: 50%;float:right;right: 0;">
        <img src="demo3.jpg" width="800px" height="500px">
        <h1 style="position:absolute;top:10%;right:50%;left: 50%;">欢迎</h1>
        <form action="wds2.html">
            <table style="position:absolute;top: 40%;right: 30%; ">
                <tr>
                    <td>账户:</td>
                    <td><input type="text" name="accont"></td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td><input type="password" name="pwd"></td>
                </tr>
                <tr>
                    <td>身份:</td>
                    <td><select>
                        <option value="1">学生</option>
                        <option value="2">老师</option>
                    </select></td>
                </tr>
                <tr>
                        <td ><button style="background-color:rgb(47,146,255); border: radius 60px;width: 150px;height: 20px;">登录</button></td> 
                </tr>
            </table>
        </form>
    </div>

</div>
</body>
</html>